<template>
	<view class="login">
		<view class="logo">
			<image src="@/static/logo.png" mode=""></image>
		</view>
		<!-- 页面头部 -->
		<view class="header">
		  <view class="title">
		    <text>Hello</text>
		  </view>
		  <view class="sub-title">
		    <text>让拍摄带来收获，让收获回馈拍摄</text>
		  </view>
		</view>
		
		
		<view class="art">
			<view class="oldArt" @click="jump('old')">
				<view class="title_a">
					老艺术家
				</view>
				<view class="desc_a">
					您在小马欢腾影像集团有过订单
				</view>
			</view>
			<view class="newArt" @click="jump('new')">
				<view class="title_a">
					新艺术家
				</view>
				<view class="desc_a">
					欢迎您即将体验小马欢腾影像服务
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				
			}
		},
		methods:{
			jump(m){
				console.log('111')
				uni.navigateTo({
					url:'/pages/login/index?name='+m
				})
				
				uni.setStorageSync('name',m)
			}
		}
	}
</script>

<style>
	.login {
		padding: 160rpx 60rpx;
		min-height: 100vh;
		background-image: url('http://tu.qixiaocheng.com/xiaomahuanteng/login_bg.png');
		background-repeat: no-repeat;
		background-size: cover;
	}

	.logo {
		width: 120rpx;
		height: 120rpx;
		background: #F0BD0A;
		border-radius: 50%;
	}
	.logo image{
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}
	
	// 页面头部
	.header {
		margin-bottom: 60rpx;
		font-weight: 800;
		margin-top: 20rpx;
	}
	.title {
	  color: #000000;
	  font-size: 41rpx;
	}
		
	.sub-title {
	  margin-top: 20rpx;
	  color: rgba(0, 0, 0, 0.8);
	  font-size: 24rpx;
	}

	
	
	/* 状态 */
	.oldArt{
		width: 515rpx;
		height: 156rpx;
		background: #F0BD0A;
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 150rpx;
		text-align: center;
		padding: 30rpx 0;
	}
	
	.newArt{
		width: 515rpx;
		height: 156rpx;
		background: rgba(255,216,74,0.1);
		border-radius: 20rpx;
		margin: 0 auto;
		margin-top: 53rpx;
		text-align: center;
		padding: 30rpx 0;
	}
	.title_a{
		font-size: 34rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #000000;
	}
	.desc_a{
		font-size: 22rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.6);
		margin-top: 20rpx;
	}
</style>
